<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/tongyong.css" />
		<link rel="stylesheet" type="text/css" href="../css/register.css" />
		
	</head>
	<script src="../js/js/jquery-1.11.3.js"></script>
	<script src="../js/register.js"></script>

	<body>
		<div id="g-hd">
			<a href="#">
				<div class="zhanghao l"></div>
			</a>

			<p class="r">
				已有账号？去
				<a href="login.html">登录</a>
			</p>
		</div>

		<div id="g-bd">
			<div id="reg_top">
				<p>注册账号</p>
			</div>

			<div id="reg_down">
				<form>
					<div class="u-input zhanghao">
						<label class="l">
							<span class="u-label l">账号：</span> 
							<input type="text" placeholder="6-18位字母数字组合" class="l first" id="username"/>
						</label>
						<select class="l">
							<option>@163.com</option>
							<option>@126.com</option>
							<option>@yeah.net</option>
						</select>
						<p class="l p1"><i></i>正确</p>
						<p class="l p2"><i></i>6-18个字符组成</p>
					</div>

					<div class="u-input mima">
						<label class="l">
							<span class="u-label l">
								密码 ： 
							</span>
							<input type="password" placeholder="6-16位密码，区分大小写" class="l" id="psw"/>
						</label>
						<p class="l p1"><i></i>正确</p>
						<p class="l p2"><i></i>密码须由6-16个字符组成，区分大小写</p>
					</div>

					<div class="u-input yanzheng">
						<label class="l">
							<span class="u-label l">确认密码 ： </span>
							<input type="password" placeholder="再次输入密码" class="l"/>
						</label>
						<p class="l p1"><i></i>正确</p>
						<p class="l p2"><i></i>密码不一致</p>
					</div>

					<div class="u-input sjsc">
						<label class="l">
							<span class="u-label l">验证码 ：</span> 
							<input type="text" class="l suiji"/>
						</label>

						<div class="shengcheng l"></div>
						<p class="l p1"><i></i>正确</p>
						<p class="l p2"><i></i>请重新输入验证码</p>


					</div>

					<div class="u-input number">
						<label>
							<span class="u-label l">手机号 ：</span> 
							<input type="text" placeholder="11位手机号码" class="l"/>
						</label>
						<p class="l p1"><i></i>正确</p>
						<p class="l p2"><i></i>请输入正确的手机号</p>
					</div>

					<div class="tabphone">
						<a href="#">切换到国际手机</a>
					</div>

					<div class="forget">
						<a href="#">忘记密码时，可通过手机快速找回密码</a>
					</div>

					<div class="u-input">
						<label class="l">
							<span class="u-label l">短信验证码 ： </span>
							<input type="password" placeholder="6-18位字母数字组合" class="message l"/>
							<input type="submit" class="yanzhengma" value="获取验证码" />
						</label>
						<p class="l"><i></i>请先获取验证码</p>
						<p class="l"><i></i>正确</p>
					</div>

					<div class="zhuce">
						注册
					</div>

					<p class="zhushi">用户注册即代表同意
						<a href="#">《服务条款》</a>和
						<a href="#">《网络游戏用户隐私保护和个人信息利用政策》</a>
					</p>
				</form>
			</div>
		</div>

		<div id="g-in">
			<p class="p1">
				<a href="#">About NetEase</a> -
				<a href="#">公司简介</a> -
				<a href="#">联系方式</a> -
				<a href="#">OAuth2.0认证</a> -
				<a href="#">招聘信息</a> -
				<a href="#">客户服务</a> -
				<a href="#">相关法律</a> -
				<a href="#">网络营销</a>
			</p>
			<p class="p2">网易公司版权所有 ©1997-2016</p>
		</div>

	</body>

</html>